@mixin clearfix {
    &::after {
        content: "";
        display: table; //考虑兼容性使用table，也可使用block，兼容不佳
        clear: both; //使得在所有布局下面显示
    }
}

@mixin photo-hover {
    &:hover {
        z-index: 10;
        transform: scale(1.1);
    }
}